<!DOCTYPE html>
<html>
<head>
<title>template</title>
<meta name="keywords" charset=utf-8/>
<!--[if !IE]> -->
  <script src="http://cdn.bootcss.com/jquery/2.2.0/jquery.min.js"></script>
  <!-- <![endif]-->
  <!--[if IE]>
      <script src="http://cdn.bootcss.com/jquery/1.12.0/jquery.js"></script>
  <![endif]-->
<style>
*{
  margin:0;
  padding:0;
  height: 100%;
}

.context{
	position: relative;
	height：100%;
}
.left{
	width: 30%;
	position: absolute;
	background-color: antiquewhite;
}
.right{
	width: 70%;
	position: absolute;
	left: 30%;
	background-color: aliceblue;
}
</style>
</head>
<body>
  <div class="context">
  	<div class="left">left</div>
  	<div class="right">right</div>
  </div>

<script>

</script>
</body>
</html>